$(function () {
    // 导入
    const form = layui.form
    // 自定义表单校验规则
    form.verify({
        pwd: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ],
        newPwd: function (val) {
            if (val === $('[name=oldPwd]').val()) {
                return '新密码不能和旧密码一样'
            }
        },

        rePwd: function (val) {
            // 属性选择器 $('[name=newPwd])
            if (val !== $('#newPwd').val()) {
                return '两次输入的密码不一致'
            }
        }
    })

    jQuery.support.cors = true;
    $('.layui-form').on('submit', function (e) {
        // 阻止默认提交事件
        e.preventDefault()
        // query是个字符串  ?参数名=值&参数名=值
        const query = $(this).serialize()

        // 发起ajax请求
        $.ajax({
            method: 'POST',
            url: '/my/updatepwd',
            data: $(this).serialize(),
            success: function (res) {
                console.log(res);
                if (res.status != 0) {
                    return layer.msg('修改密码失败')
                }
                layer.msg('修改密码成功')
                // 在这里不能使用 $(this) 回调函数内部this指向的不是 form表单
                // console.log($(this));
                // console.log($(this)[0]);

                // 重置表单，清空
                // 使用原生的form表单的DOM对象，才能使用reset方法
                // 所以要从jquer的对象转换成原生js的对象
                $('.layui-form')[0].reset()
            }
        })
    })
})